$(function() {
    // 1.点击a 链接 跳转页面
    $("#loginBox a").on("click", function() {
        $("#loginBox").hide()
        $("#registerBox").show()
    })
    $("#registerBox a").on("click", function() {
        $("#registerBox").hide()
        $("#loginBox").show()
    })

    // 2.定义校验规则
    let form = layui.form
    form.verify({
        pwd: [
            /^[\S]{6,15}$/,
            "密码长度为6-15个字符,且不能是空格!"
        ],
        repwd: function(value) {
            let pwd = $("#registerBox [name=password]").val()
            if (value !== pwd) {
                return "两次输入密码不一致,请重新输入"
            }
        }
    })

    // 3.注册 axios
    let layer = layui.layer
    $("#form-reg").on("submit", function(e) {
        e.preventDefault()
        axios({
            method: "POST",
            url: "/api/reguser",
            data: $("#form-reg").serialize()
        }).then(res => {
            // console.log(res.data);
            let obj = res.data;
            if (obj.status !== 0) {
                // return alert(obj.message)
                return layer.msg(obj.message)

            }
            // alert("注册成功")
            layer.msg("注册成功")

            // console.log($("#form-reg"));  
            // 清空注册表单中的内容
            $("#form-reg")[0].reset()
                // 跳转到登录页面呢
            $("#registerBox a").click()

        })
    })

    // 4.登录 axios
    $("#form-login").on("submit", function(e) {
        e.preventDefault()
        axios({
            method: "POST",
            url: "/api/login",
            data: $("#form-login").serialize()
        }).then(res => {
            // console.log(res.data);

            let obj = res.data;
            if (obj.status !== 0) {
                return layer.msg(obj.message)
            }
            layer.msg("登录成功")
                // 跳转到首页
            location.href = "/index.html"
                // 保存到本地
            localStorage.setItem("token", obj.token)
        })
    })
})